<!DOCTYPE html>
<html>
<head>
    <base target="_parent">
    <meta http-equiv=Content-Type content="text/html;charset=utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no,minimal-ui">
    <script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>
    <style type="text/css">
        html, body{
            height: 100%;
        }

        #url-wrapper{
            /*    margin-top: 51px;*/
            height: 100%;
        }

        #url-wrapper iframe{
            height: 100%;
            width: 100%;
        }

        #url-wrapper.ios{
            overflow-y: auto;
            -webkit-overflow-scrolling:touch !important;
            height: 100%;
        }

        #url-wrapper.ios iframe{
            height: 100%;
            min-width: 100%;
            width: 100px;
            *width: 100%;
        }
    </style>
    <title>{$uname}</title>
</head>
<body>
<script type="text/javascript">
    function create_iframe(url){

        var wrapper = jQuery('#url-wrapper');


        if(navigator.userAgent.match(/(iPod|iPhone|iPad)/)){

            wrapper.addClass('ios');
            var scrolling = 'no';
        }else{
            var scrolling = 'yes';
        }

        jQuery('<iframe>', {
            src: url,
            id:  'url',
            frameborder: 0,
            scrolling: scrolling
        }).appendTo(wrapper);


    }
</script>
<div id="url-wrapper">
    <script type="text/javascript">create_iframe("{$url}")</script>
</div>
</body>
</html>